<!DOCTYPE html>
<html lang="en">

<head> 
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
  <link rel="stylesheet" href="./static/css/index4.css">

</head>

<body>
  <div class="subject">
    <div class="top" id="info">
      <div class="top_l">
        <img src="./static/img/7.png" alt="" class="top_l_img" />
      </div>
      <div class="top_r" id="top_r">
        <div class="name">八虎</div>
        <div class="money">剩余金币：300</div>
        <div class="time">创建时间：2024-06-20</div>
      </div>
    </div>
    <div class="last">
      <div class="tab_list">
        <ul>
          <li class="red">游戏记录</li>
          <li>购买记录</li>
          <li>充值记录</li>
        </ul>
      </div>
      <div class="item" style="display: block;" >
        <div class="list" id="game">
          <div class="list_item">
            <img src="./static/img/1.jpg" alt="" class="list_item_img" />
            <div class="list_foo">
              <div class="list_foo_name">热血合击</div>
              <div class="list_foo_type">角色扮演</div>
            </div>
          </div>
        </div>
      </div>
  
  
      <!-- 购买记录 -->
      <div class="item">
        <div class="purchase">
          <ul class="purchase_item">
            <li>商品名称</li>
            <li>商品价格</li>
            <li>购买时间</li>
          </ul>
          <div id="shop">
            <ul class="purchase_list_item" >
              <li>王者荣耀-龙战天下</li>
              <li>300金币</li>
              <li>2024-02-12 08:00:00</li>
            </ul>
          </div>
         
        </div>
      </div>
  
  
      <!-- 充值记录 -->
      <div class="item">
        <div class="recharge">
          <ul class="recharge_item">
            <li>价格</li>
            <li>金币</li>
            <li>充值时间</li>
          </ul>
          <div  id="recharge">
            <ul class="recharge_list_item">
              <li>100</li>
              <li>300金币</li>
              <li>2024-02-12 08:00:00</li>
            </ul>
          </div>
         
        </div>
      </div>
    </div>
    </div>
   

  <script src="./static/js/index4.js"></script>

</body>

</html>